<template>
  <div class="bottom">
    <div class="iconBottom">
      <div>
        <img src="../../assets/image/copy.png" />
      </div>
      <div>
        <img src="../../assets/image/delateArr.png" />
      </div>
    </div>
    <div class="ListBottom">
      已选
      <span>0</span>注
      <i></i>共
      <span>0</span>元
    </div>
    <div class="sendBottom" @click="handtwoList">保存</div>
  </div>
</template>


<script>
export default {
  name: "changePayBottom",
  data() {
    return {};
  },
  methods: {
    handtwoList() {
      // 保存
    }
  }

  // 接收选中的数组  然后进行修改
};
</script>

<style scoped>
.bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 0.5rem;
  display: flex;
  background: #fff;
}
.iconBottom {
  display: flex;
  width: 30%;
  align-items: center;
  justify-content: space-around;
}
.ListBottom {
  display: flex;
  align-items: center;
  width: 35%;
  font-size: 12px;
  color: #a3a3a3;
}

.ListBottom i {
  width: 0.05rem;
}
.ListBottom span {
  color: #f84848;
  margin: 0 0.05rem;
}
.sendBottom {
  display: flex;
  align-items: center;
  font-size: 15px;
  width: 35%;
  color: #ffffff;
  justify-content: center;
  background: #f84848;
}
</style>